<script setup lang="ts">
import WujieVue from 'wujie-vue3'
import { microApp } from '../config/app-micro'

const props = {
  name: '我是vue3无界主应用',
  age: 18
}

const beforeLoad = () => {
  console.log(`'主应用beforeLoad`)
}
const beforeMount = () => {
  console.log(`'主应用beforeMount`)
}
const afterMount = () => {
  console.log(`'主应用afterMount`)
}
const beforeUnmount = () => {
  console.log(`'主应用beforeUnmount`)
}
const afterUnmount = () => {
  console.log(`'主应用afterUnmount`)
}
</script>

<template>
  <WujieVue
    width="100%"
    height="100%"
    :name="microApp.react.name"
    :url="microApp.react.url"
    :sync="true"
    :props="props"
    :beforeLoad="beforeLoad"
    :beforeMount="beforeMount"
    :afterMount="afterMount"
    :beforeUnmount="beforeUnmount"
    :afterUnmount="afterUnmount"
  ></WujieVue>
</template>

<style scoped></style>
